<!doctype html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>播放器</title>
    
<!--uselocal2pack-->
    <link rel="stylesheet" href="http://mplayer/css/iconfont.css">
    <link rel="stylesheet" href="http://mplayer/css/style.css">
    <!--
uselocal2pack--><!--
        <link rel="stylesheet" href="css/iconfont.css">
        <link rel="stylesheet" href="css/style.css">
    <!----> 
</head>

<body ontouchmove="javascript:window.event.preventDefault();">
    <div class="main" id='main'>
        <div class="click-read">
            <div class="container">
                <div class="click-read-all"></div>
            </div>
            <!-- 音频播放器 -->
            <audio class="audio" src='' autoplay></audio>
            <!-- 小红点 -->
            <div class="red-dot"></div>
        </div>
        <div class="insert-img"></div>
        <canvas id="drawing_board" class="draw"></canvas>
    </div>
    <!-- 视频播放器 -->
    <div class="video-play">
        <div class="iconfont iconshipinziyuanguanbi" id="hide_video"></div>

        <video id="example_video" src='' autoplay controls></video>
    </div>
    <!-- 插入外部图片 -->
    <div class='external-img'>
        <div id='hide_img'>
            <img src="./images/close.png" alt="">
        </div>
        <img src="" id="example_img" alt="">
    </div>
    <!--新加开始  -->
    <div class='tools-btn-left'>
        <button id='open_left' title='左侧展开画笔'>
            <i class='iconfont iconzuoce-zhankai'></i>
        </button>
    </div>
    <div class='tools-btn-right'>
        <button id='open_right' title='右侧展开画笔'>
            <i class='iconfont iconyouce-zhankai'></i>
        </button>
    </div>
    <div class='bar' id='bar'>
        <button id='bar_btn' title='进度条'>
            <i class='iconfont iconyouce-zhankai'></i>
        </button>
    </div>
    <div class='tools'>
        <button id='enlarge' title='放大'>
            <i class='iconfont iconfangda1'></i>

            <span>放大</span>
        </button>
        <button id='click_read' class='active' title='选择'>
            <i class='iconfont iconxuanze'></i>

            <span>选择</span>
        </button>
        <button id='zone_out' title='缩小'>
            <i class='iconfont iconsuoxiao1'></i>
            <span>缩小</span>
        </button>
        <button id='brush' title='画笔'>
            <i class='iconfont iconhuabi'></i>
            <span>画笔</span>
        </button>
        <button id='reduction' title='还原'>
            <i class='iconfont iconhuanyuan1'></i>
            <span>还原</span>
        </button>
        <button id='eraser' title='橡皮'>
            <i class='iconfont iconxiangpi'></i>
            <span>橡皮</span>
        </button>
        <!-- <button id='min' title='最小化'>
            <i class='iconfont iconzuixiaohua'></i>
            <span>最小化</span>
        </button>
        <button id='more' title='更多'>
            <i class='iconfont icongengduo'></i>
            <span>更多</span>
        </button> -->
        <button id='close' title='下课'>
            <i class='iconfont iconxiake'></i>
            <span>下课</span>
        </button>
        <button id='hidden' title='隐藏'>
            <i class='iconfont iconyincang2'></i>
            <span>隐藏</span>
        </button>
        <button id='left' title='上一页'>
            <i class='iconfont iconshangyiye1'></i>
            <span>上一页</span>
        </button>
        <button id='right' title='下一页'>
            <i class='iconfont iconxiayiye1'></i>
            <span>下一页</span>
        </button>
    </div>
    <!-- 画笔选择 -->
    <div class='select-brush' id='select_brush'>
        <div class='brush-type'>
            <button id='free_brush' class='active' title='自由绘制'>
                <i class='iconfont iconhuabirenyi'></i>
                <span>自由绘制</span>
            </button>
            <button id='line_brush' title="直线绘制">
                <i class='iconfont iconzhixian'></i>
                <span>直线绘制</span>
            </button>
            <button id='react_brush' title='矩形绘制'>
                <i class='iconfont iconjuxing'></i>
                <span>矩形绘制</span>
            </button>
            <button id='cirl_brush' title='圆形绘制'>
                <i class='iconfont iconyuanxing'></i>
                <span>圆形绘制</span>
            </button>
        </div>
        <div class='brush-color'>
            <ul>
                <li id='red' class='color-item active' style="background-color: #ea3724">
                    <span>√</span>
                </li>
                <li id='hight_blue' class='color-item' style="background-color: #301fad">
                    <span>√</span>
                </li>
                <li id='pink' class='color-item' style="background-color: #ea3cca">
                    <span>√</span>
                </li>
                <li id='black' class='color-item' style="background-color: #000000">
                    <span>√</span>
                </li>
                <li id='light_blue' class='color-item' style="background-color:#416dd3 ">
                    <span>√</span>
                </li>
                <li id='blue_gree' class='color-item' style="background-color:#639fb4 ">
                    <span>√</span>
                </li>
                <li id='orange' class='color-item' style="background-color: #f09036">
                    <span>√</span>
                </li>
                <li id='hight_gree' class='color-item' style="background-color: #406b1c">
                    <span>√</span>
                </li>
                <li id='grey' class='color-item' style="background-color: #887f70">
                    <span>√</span>
                </li>
                <li id='yellow' class='color-item' style="background-color: #f5c846">
                    <span>√</span>
                </li>
                <li id='light_green' class='color-item' style="background-color: #82d364">
                    <span>√</span>
                </li>
                <li id='white' class='color-item' style="background-color: #ffffff">
                    <span>√</span>
                </li>
            </ul>
        </div>
        <div class='brush-weigth'>
            <div class='select-color'>
                <div id='select_color_now' style='background-color: #ea3724;'></div>
            </div>
            <div class='range-wrap'>
                <div id='range_shadow'></div>
                <input type="range" id="range" min="1" max="30" value="5" title="调整笔刷粗细">
                <div id='range_con'></div>
            </div>
        </div>
    </div>
    <!-- 橡皮 -->
    <div class='select-eraser' id='select_eraser'>
        <button id='eraser_con' title='橡皮' class='active'>
            <i class='iconfont iconxiangpi'></i>
            <span>橡皮</span>
        </button>
        <button id='clear_con' title='清空页面'>
            <i class='iconfont iconqingkongyemian'></i>
            <span>清空页面</span>
        </button>
    </div>
    <!-- 选择 -->
    <!-- <div class='select_choose'>
        <div class='select_choose_top'>
            <button id='clear_con' title='计时器'>
                <i class='iconfont iconjishiqi'></i>
                <span>计时器</span>
            </button>
            <button id='clear_con' title='聚光灯'>
                <i class='iconfont iconjuguangdeng'></i>
                <span>聚光灯</span>
            </button>
            <button id='clear_con' title='撤销蒙版'>
                <i class='iconfont iconchexiaomengban'></i>
                <span>撤销蒙版</span>
            </button>
            <button id='clear_con' title='黑屏'>
                <i class='iconfont iconheiping'></i>
                <span>黑屏</span>
            </button>
        </div>
        <div class='select_choose_bottom'>
            <button id='clear_con' title='学生签到'>
                <i class='iconfont iconxueshengqiandao'></i>
                <span>学生签到</span>
            </button>
            <button id='clear_con' title='学生抢答'>
                <i class='iconfont iconxueshengqiangda'></i>
                <span>学生抢答</span>
            </button>
            <button id='clear_con' title='即问即答'>
                <i class='iconfont iconxueshengqiangda'></i>
                <span>即问即答</span>
            </button>
            <button id='clear_con' title='课堂检测'>
                <i class='iconfont iconketangjiance'></i>
                <span>课堂检测</span>
            </button>
            <button id='clear_con' title='小组评分'>
                <i class='iconfont iconxiaozupingfen'></i>
                <span>小组评分</span>
            </button>
            <button id='clear_con' title='随机选人'>
                <i class='iconfont iconsuijixuanren'></i>
                <span>随机选人</span>
            </button>
        </div>


    </div> -->
    <!-- 图片进度条 -->
    <div class='img-range-wrap-pagin' id='img_range_wrap_pagin'>
        <div class='img-range-wrap'>
            <div id='img_range_shadow'></div>
            <input type="range" id="img_range" min='1'>
            <div id='img_range_con'></div>
        </div>
        <div class='img-pagin'>
            <span>跳转</span>
            <input type="text" id='pagination' value=''>
            <span>页</span>
            <button id='go_to_page'>确定</button>
        </div>
        <div class='sml-img' id='sml_img'></div>
    </div>

    <!-- 倒计时 -->
    <div class='time' id='time'>
        <span id='min'>
            -
        </span>
        <span id='second'>
            -
        </span>
    </div>
    <!-- 微信登录 -->
    <div id='login'>
        
        <div class='login-img-con'>
           
            <p>微信登录</p>
            <div id='close_login'>×</div>
            <div class='bg' >
                <img src="" id='login_img' alt="" >
                <div id='loading'>
                    
                </div>
            </div>
            
            <p>请使用&nbsp;&nbsp;&nbsp;微信&nbsp;&nbsp;&nbsp;扫一扫登录</p>
            
        </div>
        
        <div class='invalid'>
            <p class='qr-code-invalid'>二维码已失效</p>
            <p class='login-err'>登录异常</p>
            <p class='qr-code-err'>二维码加载报错</p>
            <button id='refresh'>点击刷新</button>

        </div>
       
        
    </div>
    <div class="end-time">
        <div class="end-time-size">
            <p>播放器过期或未联网</p>
            <button id="end_btn">关闭</button>
        </div>
    </div>
    <!-- 测试 -->
    <!--<button id='test'>二维码测试</button>-->
    <!-- 新加结束 -->
</body>
<!--uselocal2pack-->

<script src="http://mplayer/js/jquery-3.6.0.min.js"></script>
<script src="http://mplayer/js/draw.js"></script>
<script src='http://mplayer/js/index.js'></script>
<script src='http://mplayer/js/qrcode.js'></script>
<!--
uselocal2pack--><!--
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/draw.js"></script>
    <script src='js/index.js'></script>
    <script src='js/qrcode.js'></script>
<!---->
</html>